<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="static/style_bt/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="static/style_bt/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
<link href="static/style_bt/bootstrap3-dialog/dist/css/bootstrap-dialog.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="static/style_bt/js/jquery.min.js"></script>
<script type="text/javascript" src="static/style_bt/js/bootstrap.min.js"></script>
<script type="text/javascript" src="static/style_bt/bootstrap3-dialog/dist/js/bootstrap-dialog.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Spring Demo</title>
</head>
<body style="background-color: windowframe;">

	<div style="width: 70%;margin: 5% 15% 5% 20%;text-align: center">
		<form class="form-horizontal" action="login.do" method="post">
		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-6">
				<h3>用户登录</h3>
			</div>
		</div>
		
		<c:if test="${param.error != null}">
			<div class="alert alert-danger">
				<p>Invalid username and password.</p>
			</div>
		</c:if>
		
		<div class="form-group">
			<label for="userName" class="col-sm-2 control-label">userName</label>
			<div class="col-sm-6">
				<input type="text" class="form-control" id="userName" name="ssoId" data-toggle="tooltip" data-placement="bottom" title="请输入用户名" placeholder="请输入用户名">
			</div>
		</div>
		<div class="form-group">
			<label for="passWord" class="col-sm-2 control-label">passWord</label>
			<div class="col-sm-6">
				<input type="text" class="form-control" id="passWord" name="password" data-toggle="tooltip" data-placement="bottom" title="请输入密码" placeholder="请输入密码">
			</div>
		</div>
		<input type="hidden" name="${_csrf.parameterName}"  value="${_csrf.token}" />
		<div class="form-group">
		    <div class="col-sm-offset-2 col-sm-6">
				<div class="checkbox">
					<label>
						<input type="checkbox" id="rememberme" name="remember-me"> 记住我
					</label>
				</div>
			</div>
		</div>
		<div class="form-group">
		    <div class="col-sm-offset-2 col-sm-6">
				<button type="submit" class="btn btn-default">登录</button>
				<button type="reset" class="btn btn-default">重置</button>
			</div>
		</div>
	</form>
	</div>

	<h1>轮播效果</h1>  
	<!-- <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">  
	  Indicators  
	  <ol class="carousel-indicators">  
	    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>  
	    <li data-target="#carousel-example-generic" data-slide-to="1"></li>  
	    <li data-target="#carousel-example-generic" data-slide-to="2"></li>  
	  </ol>  
	  
	  Wrapper for slides  
	  <div class="carousel-inner" role="listbox">  
	    <div class="item active">  
	      <img src="style2/products/p_31.jpg" alt="第一张">  
	      <div class="carousel-caption">  
	                 第一张图片  
	      </div>  
	    </div>  
	    <div class="item">  
	      <img src="style2/products/p_34.jpg" alt="第二张图片">  
	      <div class="carousel-caption">  
	               第二张图片  
	      </div>  
	    </div>  
	    <div class="item">  
	      <img src="style2/products/p_37.jpg" alt="第三张图片">  
	      <div class="carousel-caption">  
	               第三张图片  
	      </div>  
	    </div>  
	  </div>  
	  
	  两个按键  
	  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">  
	    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>  
	    <span class="sr-only">Previous</span>  
	  </a>  
	  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">  
	    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>  
	    <span class="sr-only">Next</span>  
	  </a>  
	</div> --> 
	
</body>
<script type="text/javascript">
	$(function(){
		$('[data-toggle="tooltip"]').tooltip();//工具提示
	});
/* 	if('${errMessage}'!=null){
		BootstrapDialog.alert('${errMessage}');
	} */
</script>
</html>